<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>荣耀官网</title>
    <link rel="shortcut icon" href="/favicon.ico">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1892202_vz0dyjhocgo.css">
    <link rel="stylesheet" href="/libs/swiper/css/swiper.min.css">
    <link rel="stylesheet" href="/css/index.css">
</head>
<body>
    <header></header>

    <!-- 轮播图 -->
    <div class="swiper-container banner">
        <div class="swiper-wrapper">
          <div class="swiper-slide"><img src="/img/banner.jpg" alt=""></div>
          <div class="swiper-slide"><img src="/img/banner2.jpg" alt=""></div>
          <div class="swiper-slide"><img src="/img/banner3.jpg" alt=""></div>
          <div class="swiper-slide"><img src="/img/banner4.jpg" alt=""></div>
          <div class="swiper-slide"><img src="/img/banner5.jpg" alt=""></div>

        </div>
        <div class="swiper-pagination"></div>
        <div class="swiper-button-prev"></div><!--左箭头。如果放置在swiper-container外面，需要自定义样式。-->
        <div class="swiper-button-next"></div><!--右箭头。如果放置在swiper-container外面，需要自定义样式。-->
      </div>
    <!-- 内容 -->
    <div class="content">
    <!-- 尾部 -->
    <div class="con1">
        <ul id="commodityList">              
        </ul>
        <script type="text/html" id="commodityTemplate">
            {{each list cate,index}}
                    <li>
                        <a href="/html/list.html">
                        <h3>{{cate.title}}</h3>
                        <p>{{cate.content}}</p>
                        <img src="{{cate.src}}" alt=""></a>
                    </li>
                    {{/each}}
        </script>
    </div>

    <div class="con2">
        <div>
        <div class="con2-1-img">
            <a href=""><img src="/img/con1.jpg" alt=""></a>
        </div>
        <div class="con2-1-text">
            <span>2020 / 06 / 03</span>
            <p>荣耀Play4系列5G新品发布会</p>
            <a href="">阅读更多 +</a>
        </div>
    </div>
    <div>
        <div class="con2-2-img">
            <a href=""><img src="/img/con2.jpg" alt=""></a>
        </div>
        <div class="con2-2-text">
            <span>2020 / 05 / 18</span>
            <p>荣耀智慧生活新品发布会</p>
            <a href="">阅读更多 +</a>
        </div>
    </div>
    </div>

    <div class="con3">
        <div>
        <span><a href="/html/list.html">更多产品</a></span>
    </div>
    </div>
</div>

<footer></footer>

     
</body>
<script src="/libs/require/require.min.js" data-main="/js/index"></script>
</html>